@charset "utf-8";
/* C�digo Digital - Est�dio de Web Design de Fortaleza Cear� */

/* guia */
#lay { background:url(../img/guian.jpg)center top; z-index:50; width:1440px; height:1912px; opacity:0; position:absolute; left:50%; margin-left:-720px; }
#lay:hover { opacity:1; }
#lay2 { background:url(../img/guian.jpg)center top; z-index:50; width:1440px; height:1912px; opacity:0; position:absolute; left:50%; margin-left:-720px; }
#lay2:hover { opacity:1; }
#guiaa { background:url(../img/guia.png)center top; z-index:50; width:1440px; height:1912px; opacity:0; position:absolute; left:50%; margin-left:-720px; }
#guiaa:hover { opacity:1; }
#servicos-lateral ul li#mobile-sites-e-apps:hover a img { right:0px; bottom:0px; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -khtml-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }
#servicos-lateral ul li#e-mail-marketing a img { right:12px; top:11px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -khtml-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); -o-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); -ms-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); -khtml-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); }
#servicos-lateral ul li#e-mail-marketing:hover a img { -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -khtml-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; -webkit-transform:scale(0.9); -khtml-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); -webkit-transform:rotate(15deg); -khtml-transform:rotate(15deg); -moz-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg); }
#servicos-lateral ul li a { display:block; width:100%; height:100%; position:relative; }
#servicos-lateral ul li a h4 { font-family:'VistaSanBoo', arial, sans-serif; width:150px; font-size:24px; color:#220f38; font-weight:normal; text-transform:uppercase; position:absolute; margin:37px 0px 0px 19px; line-height:30px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -khtml-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
#servicos-lateral ul li:hover a h4 { color:#fff; text-shadow:0px 0px 5px rgba(255, 255, 255, 0.3); -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -khtml-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }
#servicos-lateral ul li a img { position:absolute; }
/* -----------------/Servi�os----------------- */


/* error message */
.error { /* supply height to ensure consistent positioning for every browser */ height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px; margin-left:-2px; /* CSS3 spicing for mozilla and webkit */ -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; }
.escondido { display:none }
.white { color:#fff; }
.purple { color:#ae77ea; }
.upper { text-transform:uppercase; }
.fonte-18 { font-size:18px!important; font-family:'VistaSanLig', arial, sans-serif; font-weight:normal; font-style:normal; }
.caixa-centralizadora-servicos { margin:0 auto; width:980px; overflow:hidden; margin-top:73px; }
#header-white { background:url(../imagens/bg-branco.png); }
#servicos-conteudo #servicos-conteudo-dizeres p img[alt=Websites] { margin-left:-44px; }
/* slide 2013 */

.slide-2013 { position:relative; overflow:hidden; }
.slide-2013 ul { height:390px; width:100%; }
.slide-2013 ul > li { height:100%; width:100%; }
.slide-2013 ul > li .bg-textura { background:url(../img/bg-slide-textura.png); position:absolute; height:100%; width:100%; top:0; left:0; }
.slide-2013 ul > li .centralizar-slide { width:980px; margin:0 auto; position:relative; }
.slide-2013 ul > li .centralizar-slide h3 strong { font-weight: normal !important; font: 22px/30px 'VistaSanLig', arial, sans-serif; }
.slide-2013 .centralizar-slide li strong { font-weight: 100 !important; font: 18px 'VistaSanLig', arial, sans-serif; }
.slide-2013 ul > li .imagem { -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ }
.slide-2013 ul > li .veja-o-projeto { -webkit-transition: box-shadow 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: box-shadow 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: box-shadow 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: box-shadow 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: box-shadow 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); -o-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); -ms-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); }
.slide-2013 ul > li .servicos a { -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ }
.slide-2013 ul > li .checklist ol li { -webkit-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ }
.slide-2013 ul li h3 { color:#fff; font:22px/30px 'VistaSanLig', arial, sans-serif; }


.slide-2013 ul li.azul { background:url(../img/bg-slide-azul1.jpg) center no-repeat #255d70; }
.slide-2013 ul li.verde { background:url(../img/bg-slide-verde1.jpg) center no-repeat #467025; }
.slide-2013 ul li.laranja { background:url(../img/bg-slide-laranja1.jpg) center no-repeat #902c01; }
.slide-2013 ul li.amarelo { background:url(../img/bg-slide-amarelo1.jpg) center no-repeat #854d03; }


.slide-2013 .guia { position:absolute; bottom:30px; width:100%; z-index:100; }
.slide-2013 .guia .itens { margin:0 auto; display:table; }
.slide-2013 .guia a { float:left; width:16px; height:16px; background:url(../img/bg-guia-transparente.png); overflow:hidden; text-indent:-40px; margin:0 7px; -webkit-transition: all 2000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 2000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: all 2000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 2000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 2000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; }
.slide-2013 .guia a.activeSlide { }
.activeSlide.azul { background:url(../img/bolinha-azul-luz.png) 0px 0px no-repeat!important; -webkit-box-shadow:0 0 15px 5px #6FF1F3; -moz-box-shadow:0 0 15px 5px #6FF1F3; -o-box-shadow:0 0 15px 5px #6FF1F3; -ms-box-shadow:0 0 15px 5px #6FF1F3; box-shadow:0 0 15px 5px #6FF1F3; }
.activeSlide.verde { background:url(../img/bolinha-verde-luz.png) 0px 0px no-repeat!important; -webkit-box-shadow:0 0 15px 5px #b3ff60; -moz-box-shadow:0 0 15px 5px #b3ff60; -o-box-shadow:0 0 15px 5px #b3ff60; -ms-box-shadow:0 0 15px 5px #b3ff60; box-shadow:0 0 15px 5px #b3ff60; }
.activeSlide.laranja { background:url(../img/bolinha-laranja-luz.png) 0px 0px no-repeat!important; -webkit-box-shadow:0 0 15px 5px #fe7202; -moz-box-shadow:0 0 15px 5px #fe7202; -o-box-shadow:0 0 15px 5px #fe7202; -ms-box-shadow:0 0 15px 5px #fe7202; box-shadow:0 0 15px 5px #fe7202; }
.activeSlide.amarelo { background:url(../img/bolinha-amarelo-luz.png) 0px 0px no-repeat!important; -webkit-box-shadow:0 0 15px 5px #fac608; -moz-box-shadow:0 0 15px 5px #fac608; -o-box-shadow:0 0 15px 5px #fac608; -ms-box-shadow:0 0 15px 5px #fac608; box-shadow:0 0 15px 5px #fac608; }